<template>
  <div>
    <van-grid :column-num="5">
      <van-grid-item :to="'/serch/鲜花'" icon-prefix="icon" icon="xianhua" text="鲜花" />
      <van-grid-item :to="'/serch/永生花'" icon-prefix="icon" icon="yongshenghua
" text="永生花" />
     <van-grid-item  :to="'/serch/蛋糕'"  icon-prefix="icon" icon="dangao" text="蛋糕" />
       <van-grid-item :to="'/serch/礼品'" icon-prefix="icon" icon="lipin" text="礼品" />
      <van-grid-item :to="'/serch/巧克力'" icon-prefix="icon" icon="xianrenqiu" text="巧克力" />
      <van-grid-item :to="'/serch/生日祝福'" icon-prefix="icon" icon="dishini-" text="生日祝福" />
      <van-grid-item :to="'/serch/表白求婚'" icon-prefix="icon" icon="biaobaijiaoyou" text="表白求婚" />
      <van-grid-item :to="'/serch/商务开业'" icon-prefix="icon" icon="shangwu" text="商务开业" />
      <van-grid-item :to="'/serch/周年纪念'" icon-prefix="icon" icon="zhounianjinian" text="周年纪念" />
      <van-grid-item :to="'/serch/企业团购'" icon-prefix="icon" icon="qiyetuangou
" text="企业团购" />
    </van-grid>
  </div>
</template>

<script>
export default {
}
</script>

<style lang="scss" scoped>
 /deep/.icon{
  color: red;
}
</style>
